<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map和join方法</title>
</head>

<body>
    <script>
        const arr = ['red', 'blue', 'pink', 'yellow']
        // map方法返回新数组
        const newArr = arr.map(function (element, index) {
            // element为数组中的每一个元素
            console.log(element);
            // index为数组的索引
            console.log(index);
            return element + '颜色'
        })
        console.log(newArr);

        // join方法将数组转换为指定字符串
        // 参数为空，则默认使用 ， 分隔
        console.log(newArr.join()); //red颜色,blue颜色,pink颜色,yellow颜色
        // 参数为空字符串，则没有分隔符号
        console.log(newArr.join('')); //red颜色blue颜色pink颜色yellow颜色
        // 指定 | 为分隔符号
        console.log(newArr.join('|')); //red颜色|blue颜色|pink颜色|yellow颜色
    </script>
</body>

</html>